html,
body,
#root {
    width: 100%;
    height: 100%;
    background-color: #f5f5f8 !important;
}

#root {
    min-width: 1200px;
}

.fl {
    display: flex;
    align-items: center;
}

.flr {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flc {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.ml20 {
    margin-left: 20px;
}

.mr20 {
    margin-right: 20px;
}

.text-1 {
    width: max-content;
    /* 容器宽度 */
    white-space: nowrap;
    /* 不换行 */
    overflow: hidden;
    /* 溢出隐藏 */
    text-overflow: ellipsis;
    /* 用省略号表示被截断的部分 */
}

.components-list {
    width: 100%;

    .list-form {
        padding: 40px;
    }
}

.app {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}